/*
 * @Author: Mr's SCY
 * @Date: 2023-06-02 16:13:16
 * @LastEditTime: 2023-06-05 15:57:46
 * @FilePath: \magic_blog\src\main.js
 */
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//----------BootstrapVue
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
Vue.use(IconsPlugin)

//-----------Element-UI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

//-----------GlobalCSS
import './assets/style/global.css'
import './assets/theme/index.css' //自定义ElementUI主题
import "animate.css";


//-----------mavonEditor
// import "./assets/style/github-markdown.min.css";
import hljs from 'highlight.js' //导入代码高亮文件
import 'highlight.js/styles/googlecode.css'  
//use v-highlight
//自定义一个代码高亮指令
Vue.directive('highlight',function (el) {
  let highlight = el.querySelectorAll('pre,code');
  highlight.forEach((block)=>{
      hljs.highlightBlock(block)
  })
})

Vue.config.productionTip = false

export default new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
